﻿@{
    int now = @DateTime.Now.Year;
}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - Meo Map Shop</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />

        <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,400italic,300italic,300,700italic&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lobster+Two:700' rel='stylesheet' type='text/css'>

        @Styles.Render("~/Content/css")

        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/modernizr")

        @RenderSection("header", false)
        
    </head>
    <body>
        <div id="container">
            <header>
                <div id="login-form" class="popup hide">
                    <div class="content-wrapper">
                        <div class="close">X</div>
                        <h1>Đăng nhập</h1>
                        <input type="text" value="" placeholder="Email" id="login-email"/>
                        <input type="password" value="" placeholder="Mật khẩu" id="login-password"/>

                        <button id="login-submit" class="btn-primary">Đăng nhập</button>

                        <div class="checkbox clear-fix">
                            <input type="checkbox" id="login-remember" />
                            <label for="login-remember">Ghi nhớ</label>
                        </div>     
                        <div class="error"></div>               
                    </div>
                </div>
                <div id="register-form" class="popup hide">
                    <div class="content-wrapper">
                        <div class="close">X</div>
                        <h1>Đăng ký</h1>
                        <input type="text" value="" placeholder="Email" id="register-email"/>
                        <input type="password" value="" placeholder="Mật khẩu" id="register-password"/>

                        <button id="register-submit" class="btn-primary">Đăng ký</button>
                        <div class="error"></div>               
                    </div>
                </div>
                <div id="header">
                    <div class="content-wrapper clear-fix">
                        @Html.ActionLink("MeoMap", "Index", "Home", null, new { id = "site-title", @class = "float-left" })
                        
                        <div class="float-left" id="nav-wrapper">
                            <nav id="nav">
                                <a href="#" class="active">Trang Chủ</a>
                                <a href="#">Bộ KIT</a>
                                <a href="#">Hướng dẫn mua hàng</a>
                                <a href="#">Mua sỉ</a>
                                <a href="#">Blog</a>
                            </nav>
                        </div>

                        @Html.Partial("_LoginPartial")
                    </div>   
                    <span style="display: none" id="location">@ViewBag.Location</span>
                    <span style="display: none" id="empty">@ViewBag.Empty</span>             
                </div>
            </header>
            <div id="body">
                @RenderSection("featured", required: false)
                @RenderBody()               
                <footer>
                    <div class="content-wrapper">
                        <div>
                            <i>366 Trần Văn Kiểu, Phường 11, Quận 6, TP. Hồ Chí Minh. 0933078090</i>
                        </div>
                        <div><a href="#">Meo Map</a>. Xây dựng tại Việt Nam. 2013 
                            @if (now > 2013) {
                                <text>-</text> now.ToString();
                            } 
                            . Thiết kế và phát triển bởi <a href="#" class="clear"><b>TPL</b></a>  
                        </div>
                    </div>
                </footer>
            </div>            
        </div>
        <script src="~/Scripts/jquery.script.js"></script>
        @RenderSection("scripts", required: false)
    </body>
</html>
